export const baseUsage = `
import { PhColorButton } from 'phoeon'
interface ColorButton{
    value:{type:String,default:"#00000000"}, //默认值
    preshow:{type:Boolean,default:true},    //是否显示预定义颜色区域
    precolors:{type:Array as PropType<Array<string>>} //预定义颜色集自定义

    @pick //选中颜色事件
}

//测试数据
const color=ref("#636363")
`;
export const dep = `
import {
    PhColorPicker,
    } from 'phoeon'
createApp(App)
.use(PhColorPicker)
`;
export const demo1 = `<ph-color-button :value="color" @pick="onPick"/>`;
export const demo2 = `<ph-color-button :value="color" :preshow="false" @pick="onPick"/>`;
export const demo3 = `<ph-color-button :value="color" :precolors="['#f0f','#0f0','#00f']" @pick="onPick"/>`;
